/** Global */
/** body needs to fit the window */
body {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0 !important;
	min-width: 1200px;
}

/** CloudCodex specific */
.ccMainView {
	background-color: #ccc;
	background-image: url('images/layout/header_gradient.gif');
	background-repeat: repeat-x;
	margin: 0 auto 5px auto;
	position: absolute !important;
	left: 0;
	right: 0;
	width: 800px;
	top: 0;
	bottom: 0;
}

.ccMainView-engage {
	box-shadow: 0 0 30px 20px black, 0 0 10px 5px black inset;
}

.ccMainTitle {
	background-image: url('images/layout/title.png');
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

.ccMainArea {
	padding: 5px;
}

.ccMainFooter {
	border: 1px dashed;
	padding: 5px;
}

.ccMainLink {
	position: relative;
}

.ccSheet {
	
}

.ccSheetTitle {
	position: absolute;
	z-index: 1;
}

.ccSheetTitle-linked {
	opacity: 0;
	visibility: hidden;
}

.ccSheetPreview {
	position: absolute;
	z-index: 1;
	max-height: 100px;
	max-width: 100px;
	opacity: 0;
	visibility: hidden;
}

.ccSheetPreview-linked {
	opacity: 1;
	visibility: visible;
}

.ccSheetFooter {
	
}

.transition {
	transition-duration: 2s;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;
}

.dragdrop-dragging {
	opacity: 1;
	box-shadow: 0 0 8px 5px #ccc, 0 0 3px 1px #ccc inset;
}

.dragdrop-positioner {
	border: 0 none;
}